<template>
  <basic-dialop :visible="visible" :title="$t('menu.area_add')" :width="'800px'" @close="visible = false">
    <area-form :id="id" @submit="submit" />
  </basic-dialop>
</template>
<script lang="ts">
import Vue from 'vue';
import BasicDialop from "@/components/Basic/Dialop/BasicDialop.vue";
import AreaForm from "./areaForm.vue";

export default Vue.extend({
  components: { BasicDialop, AreaForm },
  data() {
    return {
      visible: false,
      id: NaN
    }
  },
  methods: {
    init(id: number = NaN) {
      this.visible = true;
      this.id = id;
    },
    submit() {
      this.visible = false;
    }
  }
})
</script>
<style lang="scss" scoped>

</style>
